const {defineConfig} = require('@vue/cli-service')

const path = require('path');

module.exports = defineConfig({
    devServer: {
        client: {
            overlay: false
        },
        host: '0.0.0.0',//监听地址
        port: 7070, // 启动端口号
        open: true // 启动后是否自动打开网页
    },
    configureWebpack: {
        resolve: {
            alias: {
                '@': path.resolve(__dirname, 'src'),                    // 将 @ 设置为指向 src 目录
                'components': path.resolve(__dirname, 'src/components'), // 将 components 设置为指向 src/components 目录
                'layout': path.resolve(__dirname, 'src/layout'),
                'request': path.resolve(__dirname, 'src/request'),
                'views': path.resolve(__dirname, 'src/views'),
                'apis': path.resolve(__dirname, 'src/apis'),
                'store': path.resolve(__dirname, 'src/store')
                // 可以根据需要添加更多的别名配置
            }
        }
    },
    // 当你的 Vue 项目依赖的某些模块或库使用了 ES6+ 或其他较新的 JavaScript 语法时，这些代码可能并不兼容旧版本的浏览器。
    // 为了确保你的项目能够在这些浏览器中正常运行，你需要对这些依赖库进行转译，将其转换为可以在目标浏览器中执行的代码。
    transpileDependencies: true,
    //关闭语法检测
    lintOnSave: false
})